<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/new.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/wlc.css">
    <script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <title>Home Page</title>
</head>
<body class="home-body">

<!--Header-->
<div class="header-div" id="top">
    <div class="mid-header clearfix">
        <a href="${pageContext.request.contextPath }/home" class="logo-font">Delicious</a>
        <span class="header-right-box">
        <c:if test="${user == null }">
            <a href="${pageContext.request.contextPath }/linkLogin" class="header-link-box"><button type="button">Login</button></a>
            <span> | </span>
            <a href="${pageContext.request.contextPath }/linkRegister" class="header-link-box"><button type="button">Register</button></a>
		</c:if>
		<c:if test="${user != null }">
			<span>
					<c:if test="${state == 1 }">
                  		<span style="color:#ffffff;"><i class="fa fa-meh-o" aria-hidden="true"></i>审核中</span>
                  	</c:if>
                  	<c:if test="${state == 2 }">
                  		<span style="color:green;"><i class="fa fa-smile-o" aria-hidden="true"></i>已通过</span>
                  	</c:if>
                  	<c:if test="${state == 3 }">
                  		<span style="color:red;"><i class="fa fa-frown-o" aria-hidden="true"></i>未通过</span>
                  	</c:if>
                  	<c:if test="${state == 4 }">
                  		<span style="color:red;"><i class="fa fa-frown-o" aria-hidden="true"></i>&nbsp;黑名单</span>
                  	</c:if>
            </span>
            <span class="wlc-font">Welcome, ${user.mPersonName }</span>
            <a href="${pageContext.request.contextPath }/logout" class="header-link-box"><button type="button">注销</button></a>
        </c:if>
        </span>
    </div>
</div>

<div class="mid-box">
    <div class="row" style="margin: 0;">
        <div class="left-box col-md-2">
            <a href="#infoMenu" class="collapsed btn a-common" data-toggle="collapse" type="button"><i class="glyphicon glyphicon-user"></i>用户中心</a>
				<ul id="infoMenu" class="nav nav-pills nav-stacked collapse maize-yellow-bg">
					<li data-toggle="toggle"><a href="${pageContext.request.contextPath }/homes/info" class="yellow-a"><i></i>信息管理</a></li>
					<li><a href="${pageContext.request.contextPath }/homes/grade" class="yellow-a"><i class="icon-list-alt"></i>查看评分</a></li>
				</ul>

            <a href="#dishMenu " class="collapsed btn a-common" data-toggle="collapse" type="button"><i class="glyphicon glyphicon-list"></i>菜品管理</a>
                <ul id="dishMenu" class="nav nav-pills nav-stacked collapse maize-yellow-bg">
                    <li data-toggle="toggle"><a href="${pageContext.request.contextPath }/homes/allDish" class="yellow-a"><i></i>查看菜品</a></li>
                    <li><a href="${pageContext.request.contextPath }/homes/linkAdd" class="yellow-a"><i></i>添加菜品</a></li>
                </ul>

            <a href="#orderMenu" class="nav-header collapsed btn a-common" data-toggle="collapse" type="button"><i class="glyphicon glyphicon-file"></i>订单管理</a>
            <ul id="orderMenu" class="nav nav-pills nav-stacked collapse maize-yellow-bg">
                <li data-toggle="toggle"><a href="${pageContext.request.contextPath }/homes/pickUp" class="yellow-a"><i></i>订单处理</a></li>
                <li><a href="${pageContext.request.contextPath }/homes/listOrd" class="yellow-a"><i></i> 查看订单</a></li>
                <li><a href="${pageContext.request.contextPath }/homes/compOrder" class="yellow-a"><i></i>投诉订单</a></li>
            </ul>
        </div>

        <div class="col-md-9 right-box">
        	<jsp:include page="${mainPage }"></jsp:include>
			    


            <!--Merchant Info-->
            <!--<div class="panel-body">
                <h1 class="context-title">商户信息</h1>
                <form role="form" action="${pageContext.request.contextPath }/clientuser?action=register" method="post" onsubmit="return checkForm()" class="login-form">
                    <div class="form-group">
                        <label class="control-label" for="usr">Owner name</label>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span> </span>
                            <input type="text" class="form-control" id="usr" name="usr" placeholder="The name of merchant's owner" disabled >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="tel">Telephone</label>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span> </span>
                            <input type="text" class="form-control" id="tel" name="tel" placeholder="Your telephone number" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Password</label>
                        <div class="input-group">
                            <a type="button" href="javascript:void(0)" class="btn btn-default">Change Password</a>
                            &lt;!&ndash;<span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>&ndash;&gt;
                            &lt;!&ndash;<input type="password" class="form-control" id="pwd" name="pwd" placeholder="Sign in password">&ndash;&gt;
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="id_card">ID Card</label>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span> </span>
                            <input type="text" class="form-control" id="id_card" name="id_card" placeholder="Your id card number" disabled>
                        </div>
                    </div>
                    <div class="form-group">
                        <img src="${pageContext.request.contextPath }/img/star-off-big.png">
                    </div>

                    <div class="form-group">
                        <label for="location">Location</label>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-home"></span> </span>
                            <input type="text" class="form-control" id="location" name="location" placeholder="Location of your merchant">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="brand">Brand</label>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-info-sign"></span> </span>
                            <input type="text" class="form-control" id="brand" name="brand" placeholder="Brand-name of your merchant">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="logo">Brand Pic</label>
                        <input type="file" class="" id="logo" name="logo">
                        <p class="help-block">The Brand picture could help customer recognize your merchant easily</p>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-common login-btn">Save</button>
                    </div>
                </form>
            </div>-->



            



            <!--Dish list to edit-->
            <!--<div class="table-outer">-->
            <!--<h1 class="center-font">菜品列表</h1>-->
            <!--<table class="table table-hover">-->
                <!--<thead>-->
                    <!--<tr>-->
                        <!--<th>菜品图片</th>-->
                        <!--<th>菜品名称</th>-->
                        <!--<th>价格</th>-->
                        <!--<th>功能</th>-->
                    <!--</tr>-->
                <!--</thead>-->
                <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td><img src="${pageContext.request.contextPath }/img/star-on-big.png"></td>-->
                        <!--<td>Dish 00000000001</td>-->
                        <!--<td>12</td>-->
                        <!--<td>-->
                            <!--<button type="button" class="btn btn-default">编辑</button>-->
                            <!--<button type="button" class="btn btn-danger">删除</button>-->
                            <!--<button type="button" class="btn btn-common"><i class="glyphicon glyphicon-star"></i>推荐</button>-->
                        <!--</td>-->
                    <!--</tr>-->
                <!--</tbody>-->
            <!--</table>-->
            <!--</div>-->



            <!--Add Dishes-->
            <!--<div class="panel-body">-->
                <!--<h1 class="center-font">添加菜品</h1>-->
                <!--<form role="form" action="${pageContext.request.contextPath }/clientuser?action=register" method="post" onsubmit="return checkForm()" class="login-form">-->
                    <!--<div class="form-group">-->
                        <!--<label>Food Name</label>-->
                        <!--<div class="input-group">-->
                            <!--<span class="input-group-addon"><span class="glyphicon glyphicon-info-sign"></span> </span>-->
                            <!--<input type="text" class="form-control" id="fname" name="fname" placeholder="Food Name...">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label>Price</label>-->
                        <!--<div class="input-group">-->
                            <!--<span class="input-group-addon"><span class="glyphicon glyphicon-yen"></span> </span>-->
                            <!--<input type="number" class="form-control" id="price" name="prcie" placeholder="Price...">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label>Food Image</label>-->
                        <!--<input type="file" class="" id="fpic" name="fpic">-->
                        <!--<p class="help-block">Upload food image.</p>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<button type="submit" class="btn btn-common login-btn">Submit</button>-->
                    <!--</div>-->
                <!--</form>-->
            <!--</div>-->


            <!--Pick up Orders-->
            <!--<div class="table-outer">-->
                <!--<h1 class="center-font">订单处理</h1><br>-->
                <!--<table class="table table-striped">-->
                    <!--<thead class="yellow-bg">-->
                    <!--<tr>-->
                        <!--<th>下单时间：8/9/2016 20:00</th>-->
                        <!--<th>客户号码：13912345678</th>-->
                        <!--<th colspan="2">配送地址：南方软件园A1栋17楼</th>-->
                    <!--</tr>-->
                    <!--</thead>-->
                    <!--<tbody>-->
                    <!--<tr><td colspan="4"><h4><b>订单菜品列表</b></h4></td></tr>-->
                    <!--<tr>-->
                        <!--<td>菜品名称</td>-->
                        <!--<td>单价</td>-->
                        <!--<td>数量</td>-->
                        <!--<td>总价</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                        <!--<td>菜品001</td>-->
                        <!--<td>12</td>-->
                        <!--<td>2</td>-->
                        <!--<td>24</td>-->
                    <!--</tr>-->
                    <!--<tr><td colspan="3"></td>-->
                        <!--<td><a type="button" class="btn btn-common" href="javascript:void(0)">接单</a>-->
                            <!--<a type="button" class="btn btn-default" href="javascript:void(0)">拒接</a>-->
                        <!--</td>-->
                    <!--</tr>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</div>-->

            <!--List all of orders-->
            <!-- <div class="table-outer">
                <h1 class="center-font">查看订单</h1><br>
                <table class="table table-striped">
                    <thead class="yellow-bg">
                    <tr>
                        <th>下单时间：8/9/2016 20:00</th>
                        <th>客户号码：13912345678</th>
                        <th colspan="2">配送地址：南方软件园A1栋17楼</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr><td colspan="4"><h4><b>订单菜品列表</b></h4></td></tr>
                    <tr>
                        <td>菜品名称</td>
                        <td>单价</td>
                        <td>数量</td>
                        <td>总价</td>
                    </tr>
                    <tr>
                        <td>菜品001</td>
                        <td>12</td>
                        <td>2</td>
                        <td>24</td>
                    </tr>
                    </tbody>
                </table>
            </div> -->


        </div>
    </div>

		<a href="#top">
			<div class="top-box">
				<span class="glyphicon glyphicon-chevron-up back-icon"></span>
			</div>
		</a>

	</div>

</body>
</html>